<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>计算器</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit"><!--360默认为极速模式打开-->
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="Calculator-style.css">
    <script type="text/javascript" src="Calculator-js.js"></script>
</head>
<body>
<div id="calcuator">
    <input type="text" id="input-box" value="0" size="21" maxlength="21" readonly="readonly" />
    <div id="btn-list">
        <div onclick="operator('clear')" class=" btn-30 btn-radius color-red clear-marginleft">C</div>
        <div onclick="operator('opposite')" class=" btn-30 btn-radius color-blue">+/-</div>
        <div onclick="operator('percent')" class=" btn-30 btn-radius color-blue">%</div>
        <div onclick="operator('backspace')" class=" btn-70 btn-radius color-red font-14">←</div>
        <div onclick="typetoinput('7')" class=" btn-30 btn-radius clear-marginleft">7</div>
        <div onclick="typetoinput('8')" class=" btn-30 btn-radius">8</div>
        <div onclick="typetoinput('9')" class=" btn-30 btn-radius">9</div>
        <div onclick="operator('plus')" class=" btn-30 btn-radius color-blue font-14">+</div>
        <div onclick="operator('minus')" class=" btn-30 btn-radius color-blue font-14">-</div>
        <div onclick="typetoinput('4')" class=" btn-30 btn-radius clear-marginleft">4</div>
        <div onclick="typetoinput('5')" class=" btn-30 btn-radius">5</div>
        <div onclick="typetoinput('6')" class=" btn-30 btn-radius">6</div>
        <div onclick="operator('multiply')" class=" btn-30 btn-radius color-blue font-14">×</div>
        <div onclick="operator('divide')" class=" btn-30 btn-radius color-blue font-12">÷</div>
        <div onclick="typetoinput('1')" class=" btn-30 btn-radius clear-marginleft">1</div>
        <div onclick="typetoinput('2')" class=" btn-30 btn-radius">2</div>
        <div onclick="typetoinput('3')" class=" btn-30 btn-radius">3</div>
        <div onclick="operator('pow')" class=" btn-30 btn-radius color-blue font-14">×²</div>
        <div onclick="operator('sqrt')" class=" btn-30 btn-radius color-blue font-12">√</div>
        <div onclick="typetoinput('0')" class=" btn-70 btn-radius clear-marginleft">0</div>
        <div onclick="typetoinput('.')" class=" btn-30 btn-radius">.</div>
        <div onclick="operator('result')" class=" btn-70 btn-radius color-red font-14">=</div>
    </div>
</div>

</body>
</html>